// pages/todo/todo.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    todoText: '',
    // todoList: ['吃饭', '睡觉', '写代码']
    todoList: []
  },
  // 提交表单
  onSubmit() {
    // wx.showToast({
    //   title: this.data.todoText,
    // })
    // 常见错误：直接修改数据，界面并不能更新，数据+界面更新要通过 this.setData（）实现
    // this.data.todoList.push(this.data.todoText)

    // 非空判断
    if (this.data.todoText.trim() == '') {
      wx.showToast({
        title: '请输入待办事项',
        icon: 'error'
      })
      return
    }
    // 获取数据列表
    const list = this.data.todoList
    // 重复项判断
    if (list.some(item => item == this.data.todoText)) {
      wx.showToast({
        icon: 'error',
        title: '事项已经存在',
      })
      return
    }
    // 追加到数组中
    list.push(this.data.todoText)
    // 更新数据 + 视图
    this.setData({
      todoList: list,//更新列表
      todoText: ''//清空输入框文字
    })
  },
  // 点击 x 删除一个 
  deleteItem(event) {
    //  console.log(event.mark.item)
    const list = this.data.todoList
    this.setData({
      // filter 过滤掉当前点击的项即可
      todoList: list.filter(v => v !== event.mark.item)
    })
  },
  // 清空
  clear(){
    this.setData({
      todoList:[]
    })
  }
})